<!DOCTYPE html>
<html lang="zh-CN">

	<head>

		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>日志管理</title>
		<!-- Bootstrap Styles-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" href="assets/css/bootstrap.css" />
		<script type="text/javascript">
			function dianji() {

				var flag = document.getElementById("all").checked;
	     		var cks = document.getElementsByName("ck");

				if(flag) {

					for(var i = 0; i < cks.length; i++) {

						cks[i].checked = true;

					}

				} else {

					for(var i = 0; i < cks.length; i++) {

						cks[i].checked = false;

					}

				}

			}
		</script>

	</head>

	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<h1 class="page-header">
                                          日志管理 <small>日志列表</small>
                    </h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<!-- 角色列表--bootstrap高级表格使用 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							日志列表
						</div>
						<div class="panel-body">
							<!--table-responsive响应式表格，会自动添加滚动条-->
							

								<div class="table-responsive">
									<table class="table table-striped table-bordered table-hover" id="dataTables-example">
										<thead>
											<tr>
												<th><input type="checkbox" id="all" onchange="dianji()"></th>
												<th>ID</th>
												<th>操作人</th>
												<th>标题</th>
												<th>操作内容</th>
												<th>操作时间</th>
											</tr>
										</thead>

										<tbody>
											<tr class="odd gradeX">
												<td><input type="checkbox" name="ck"></td>
												<td>1</td>
												<td>管理员</td>
												<td>3</td>
												<td>修复</td>
												<td>2017-04-20 16:34:17</td>
											</tr>
											<tr class="even gradeC">
												<td><input type="checkbox" name="ck"></td>
												<td>2</td>
												<td>用户</td>
												<td>4</td>
												<td>修复</td>
												<td>2017-04-20 16:34:17</td>
											</tr>
										</tbody>
										
									</table>
								</div>

								<!--	<div class="container">-->
								<!--分页显示-->
								<div class="row">
									<div class="col-md-6">
										<div class="pagination" style="margin: 0px;" role="alert" aria-live="polite" aria-relevant="all">显示 1 到 10 页 记录数57</div>
									</div>
									<div class="col-md-6" style="text-align: right;">
										<ul class="pagination" style="margin: 0px;">
											<li>
												<a href="#" aria-label="Previous">
													<span aria-hidden="true">&laquo;</span>
												</a>
											</li>
											<li>
												<a href="#">1</a>
											</li>
											<li>
												<a href="#">2</a>
											</li>
											<li>
												<a href="#">3</a>
											</li>
											<li>
												<a href="#">4</a>
											</li>
											<li>
												<a href="#">5</a>
											</li>
											<li>
												<a href="#" aria-label="Next">
													<span aria-hidden="true">&raquo;</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
								<!--分页显示-->
								<!--</div>-->
							
						</div>
						<!--表格结束 -->
					</div>
				</div>
			</div>

	</body>

</html>